<template>
  <div>
    <!-- 使用 embed 标签嵌入 PDF 文件 -->
    <embed :src="pdfUrl" type="application/pdf" width="100%" height="850px" />
    <!-- 或者使用 object 标签 -->
    <!-- <object :data="pdfUrl" type="application/pdf" width="100%" height="600px">
      <p>无法显示 PDF 文件，请下载后查看：<a :href="pdfUrl">下载 PDF</a></p>
    </object> -->
  </div>
</template>

<script setup>
import { ref } from 'vue';
// 假设这是你的 PDF 文件的 URL
const pdfUrl = ref('/临巴堤防2025.5.6（版本四）-桩基钢筋图-黑白.pdf');
</script>